<template>
  <div class="minesettings">
    <div class="mines_tou">
      <p class="min_p1">
        <img @click="props.data(1)" class="img1" src="@/assets/fanhui.png">
        <span class="min_span1">个人简介</span>
      </p>
    </div>
    <van-field
    v-model="message"
    rows="2"
    type="textarea"
    placeholder="请输入留言"
    show-word-limit
    class="van-field"
    label-height="200"
  />
  </div>
</template>

<script lang="ts" setup>
import { ref } from "@vue/reactivity";
const message=ref("用心生活")
const props=defineProps(["data"])

</script>

<style scoped>
.p1{font-size: 10px;color: #999999;margin: 5px 0px 0px 15px;}
.van_field{width: 390px;border-bottom:0;height: 250px;}
.van_field:first{border-bottom:1px solid red;}
.minesettings{width: 390px;min-height: 800px;background-color: #f2f2f2;}
.mines_tou{width: 390px;height: 55px;line-height: 55px;border-bottom: 2px solid #f2f2f2;background-color: #ffff;}
.img1{width: 9px;height: 14px;vertical-align: middle;margin-left: 20px;}
.min_span1{vertical-align: middle;margin-left: 136px;font-size: 18px;}
.min_span2{vertical-align: middle;margin-left: 120px;color: red;font-size: 14px;}
.min_p1{vertical-align: middle}
</style>